<!DOCTYPE html>
<html lang="en" ng-app="myApp" ng-controller="GlobalController">
<head>
    <title ng-bind="globalData.site_title"></title>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href=" " />
    <link rel="stylesheet" type="text/css" href="../css/theme.css">
    <link rel="stylesheet" type="text/css" href="../css/theme3.css">
</head>
<body>
@if (isset($invitation_id))
    <div class="main" id="theme_{{$invitation_id}}">
@else
    <div class="main">
@endif
    <div class="nav_top">
        <label id="playbox" class="on" onclick="mp3_play()">
            <audio id="audio" autoplay="autoplay" loop="loop">
                <source src="http://mp3.123hl.cn/LoveParadise.mp3" type="audio/mpeg">
            </audio>
        </label>
    </div>
    <div id="navigation">
        <ul>
            <li><a id="cover" class="buttonSelectedCover" style="display:inline-block" href="#" title="封面页"></a></li>
            <li><a id="mainBody" class="buttonUnSelectedMainBody" style="display:inline-block" href="#" title="邀请页"></a></li>
            <li><a id="photo" class="buttonUnSelectedPhoto" style="display:inline-block" href="#" title="照片页"></a></li>
            <li><a id="map" class="buttoUnnSelectedMap buttonUnSelectedMap" style="display:inline-block" href="#" title="地图页"></a></li>
            <li><a id="contact" class="buttonUnSelectedContact" style="display:inline-block" href="#" title="祝福页"></a></li>
        </ul>
    </div>
    <div id="coverPage" class="cover">
        <div class="center topPhoto">
            <ul class="topSlides">
                <li>
                    <img src="../img/3_top.gif" alt="封面页顶端图片">
                </li>
            </ul>
        </div>
        <div class="wordsContentInfo" style="display:block;padding-top:20px; font-family:微软雅黑;font-size:16px;color:cadetblue;width:85%;">
            <p id="invit_letter">犬子近日喜结良缘<br/>为感谢诸位亲友多年无微不至关怀<br/>余特设宴答谢，亲友相聚，至喜至诚<br/>恭候赴宴！</p>
        </div>
        <div class="center bottomPhoto">
            <ul class="bottomSlides">
                <li>
                    <img src="../img/3_bottom.gif" alt="封面页底边图片">
                </li>
            </ul>
        </div>
    </div>
    <div id="mainBodyPage" class="mainBody none">
        <div class="center topPhoto">
            <ul class="topSlides">
                <li>
                    <img src="../img/3_invite.gif" alt="正文页顶端图片">
                </li>
            </ul>
        </div>
        <div class="wordsContentInfo" style="display:block; padding-top: 50px;  font-family:微软雅黑;font-size:16px;color:cadetblue;width:85%;">
            敬&nbsp;&nbsp;邀<br>
            犬子将于<br>
            <p id="wedding_time">2020年05月15日中午12点30分</p>
            举行结婚典礼<br>
            敬备喜筵&nbsp;&nbsp;恭候光临
            <p id="wedding_add">宴设：西安西来登大酒店二层鸳鸯厅</p>
            <p>新郎：<span class="man_name">梁山伯</span></p>
            <p>新娘：<span class="women_name">祝英台</span></p>
            您的光临与祝福，将是我们最大的荣耀！<br>
            我&nbsp;|&nbsp;们&nbsp;|&nbsp;恭&nbsp;|&nbsp;候&nbsp;|&nbsp;您&nbsp;|&nbsp;的&nbsp;|&nbsp;光&nbsp;|&nbsp;临
        </div>
        <div class="center bottomPhoto">
            <ul class="bottomSlides">
                <li>
                    <img src="../img/3_bottom.gif" alt="正文页底边图片">
                </li>
            </ul>
        </div>
    </div>
    <div id="photoPage" class="photo none">
        <div class="center topPhoto">
            <ul class="topSlides">
                <li>
                    <img src="../img/3_photo.gif" alt="照片页顶端图片">
                </li>
            </ul>
        </div>

        <div class="flexslider" style="margin-top:20px; width:99%;">
           <div class="photo" id="picture">
                
            </div>
        </div>
        <div class="center bottomPhoto">
            <ul class="bottomSlides">
                <li>
                    <img src="../img/3_bottom.gif" alt="照片页底边图片">
                </li>
            </ul>
        </div>
    </div>
    <div id="mapPage" class="map none">
        <div class="center topPhoto">
            <ul class="topSlides">
                <li>
                    <img src="../img/3_address.gif" alt="地图页顶端图片">
                </li>
            </ul>
        </div>
        <div class="center wordsContentInfo" style="display:block;padding-top:30px; font-family:微软雅黑;font-size:16px;color:cadetblue;width:85%;">
           <p>新郎电话：<span id="boy_tel">13241512515</span></p>
            <p>新娘电话：<span id="girl_tel">21515413667</span></p>
            <p id="traffic_way">交通指南：自驾北四环中关村南大街21号，乘坐地铁4号线中关村站下车，公交车38、69、478路中关村站下车</p>
        </div>
        <!--百度地图容器-->
       <!--  <div class="flexslider" style="margin-top:30px;">
        <div id="mapContent">
            
        </div>
        </div> -->
            <div class='title' style="font-family:微软雅黑;font-size:16px;color:#F0E68C;text-align:center;">
                <h2>结婚视频</h2>
            </div>
            <div class='video'>
<!--                 <a id="video" href="http://v.qq.com/boke/page/q/0/2/q0157fai2d2.html" class='play'>
                    <img class="picture_main" src="../img/12_video.png">
                </a> -->
                <video id="video" width="320" height="240" controls="controls">
                  <source src="" >
                </video>

            </div>
        <div class="center bottomPhoto">
            <ul class="bottomSlides">
                <li>
                    <img src="../img/3_bottom.gif" alt="地图页底边图片">
                </li>
            </ul>
        </div>
    </div>
    <div id="contactPage" class="contact none">
        <div class="center topPhoto">
            <ul class="topSlides">
                <li>
                    <img src="../img/3_wish.gif" alt="互动页顶端图片">
                </li>
            </ul>
        </div>

        <div class="flexslider" style="margin-top:0px;">
            <div class="center contactDiv">
                <form>
                    <input class='ui-input' type="text" placeholder="您的姓名" name="userName" id="userName"><br/>
                    <input class='ui-input' type="tel" placeholder="您的手机号码" name="telephone" id="telephone"><br/>
                    <textarea class='ui-textarea' placeholder="输入您的祝福" name="content" id="content"></textarea><br/>
                    <input class="ui-input" type="text" placeholder="出席人数" name="" id="join_num"><br/>
                    <input type="hidden" name="is_join" id="is_join">
                    <div class="join_btns">
                        <a href="javascript:;" onclick="select_join(this)" data="1">出席</a>
                        <a href="javascript:;" onclick="select_join(this)" data="0">不出席</a>
                    </div>
                    <div onclick="themeSub();" class='submit'>
                        <a href="#">提交</a>
                    </div>
                </form>
            </div>
        </div>
        <div class="center bottomPhoto">
            <ul class="bottomSlides">
                <li>
                    <img src="../img/3_bottom.gif" alt="互动页底边图片">
                </li>
            </ul>
        </div>
    </div>
</div>
	<script type="text/javascript" src="././jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="././theme3.js"></script>
    <script type="text/javascript" src="../theme.js"></script>
</body>
</html>